<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn"
           uri="http://java.sun.com/jsp/jstl/functions" %>
<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="${domain_name}"><img src="${base_static}/images/logo.png" alt="领航榜单"></a>
        </h1>

        <%--<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>--%>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a class="am-active" href="${domain_name}">首页</a></li>
                <c:forEach items="${nav_cate}" var="cate" varStatus="status">

                    <li <c:if test="${ci._id == cate._id}">class="am-active"</c:if>><a
                            href="${domain_name}/category/${cate._id}">${cate.name}</a></li>

                </c:forEach>
            </ul>

        </div>
    </div>
</header>